<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>搜剧助手</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <style>
        body{
            background-image: url('/imgs/background2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
        }
        
    </style>
<body>
    <main>
        <div class="container">
            <div class="main_card">
                <label for="exampleFormControlInput1">你输入你要的剧名</label>
                <input class="form-control" id="exampleFormControlInput1" placeholder="例如：情靡">
            </div>
            <div class="main_btns">
              <div class="main_btn" id="searchBtn" >短剧搜索</div>
              <div class="main_btn" id="searchBtn1" >其他搜索</div>
            </div>
            <div class="res_container">
                <div class="item">
                  <div class="item_header">搜索结果如下</div>
                  <div class="item_container"></div>
                </div>
            </div>
            
            <div class="footer">
              <div class="res_header">使用说明</div>
              <div class="container">
                搜索短剧就用短剧搜索，需要搜索其他综艺、电视剧、电影、之类的就用其他搜索（其他搜索会比较慢，点完都耐心等待一下）<br>
                搭建QQ交流群：538149612（禁广告!）
              </div>
          </div>
        </div>
    </main>
   
</body>
<script src="./js/jquery-3.3.1.slim.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/index.js"></script>
</head>

</html>